<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>回调地狱</title>



</head>
<body>
        <ul id="list">

        </ul>

        <hr>
         <div>员工添加</div>
        <form>
             <div>
                 员工姓名: <input id="empName"/>
             </div>

             <div>
                  <button type="button" id="btnSave">保存</button>
             </div>

        </form>



</body>
<script src="../../lib/jquery.js"></script>
<script src="../../lib/mock.js"></script>
<script src="../../1.node/mock/index.js"></script>
<script>

      /**
       *  1. 异步-回调
       *
       *  回调地狱
       *
       * */



    //  let dataList = [];
    //
    //
    //
    //  $(document).ready(function () {
    //       initList();
    //
    //       $('#btnSave').bind('click',btnSaveClick)
    //  })
    //
    //
    //  function btnSaveClick(){
    //
    //          $.ajax({
    //
    //              success:function (data) {
    //                if(data){
    //                    initList();
    //                }
    //
    //              }
    //          })
    //
    //
    //         const emp = {
    //              name:$('#empName').val()
    //         }
    //
    //         dataList.unshift(emp);
    //
    //         console.log(dataList);
    //  }
    //
    // function initList() {
    //
    //       $.ajax({
    //           url:"http://test.org/emp/list" ,
    //           method:"get",
    //           dataType:"json",
    //           success:function (data) {
    //
    //               dataList =data;
    //
    //               for(let i=0;i<data.length;i++){
    //                   const  listItem = $("<li></li>").text((i+1)+"."+data[i].name); // <li>张珊珊</li>
    //                   $('#list').append(listItem);
    //
    //               }
    //
    //
    //           }
    //       })
    //
    // }


     function ajax(data){
         return new Promise((resolve)=>{
             resolve(data);
          })
      }




      ajax("添加结束").then((res)=>{
          alert(res);
          let result = res;
          return new Promise((resolve)=>{
               resolve(res);
          })
      }).then((res)=>{
          if(res=="添加结束"){
              alert("刷新列表")
          }
      })
    


</script>
</html>